<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/freeorder.css" />
</head>
<body ms-controller="orderDetail" class="ms-controller freeorderbody">
    <aoyou:panel config="$panelorderdetail">
        <div class="freeorderbody-button1" slot="button">
            <aoyou:button color="success">订单确认</aoyou:button>
            <aoyou:button>其他操作</aoyou:button>
        </div>
        <div slot="content" class="clearfix">
            <!--	如下三列表格样式  如在别的地方引用需在外层加一层div包裹层，如已具备，则不添加
                加粗加黑显示，添加class="pointer"
                红色字体显示，添加class="danger"
                绿色字体显示，添加class="success"
            -->
            <ul class="list-unstyle grid-3">
                <li class="list-item">
                    <label>订单号：</label> <span class="danger">171101901153244</span></li>
                <li class="list-item">
                    <label>预订时间：</label> <span class="pointer">2015-11-19 19:02</span></li>
                <li class="list-item">
                    <label>产品OP：</label> <span class="pointer">遨游测试</span></li>
            </ul>
            <ul class="list-unstyle grid-3">
                <li class="list-item">
                    <label>销售顾问：</label> <span class="pointer">internet</span></li>
                <li class="list-item">
                    <label>订单状态：</label> <span class="danger">取消</span></li>
                <li class="list-item">
                    <label>订单总金额：</label> <span class="danger">28990</span></li>
                <span class="btn btn-default btn-mini"><i class="icon-edit"></i></span>
            </ul>
            <ul class="list-unstyle last grid-3">
                <li class="list-item">
                    <label>已收金额：</label> <span class="danger">0</span></li>
                <li class="list-item">
                    <label>未收金额：</label> <span class="danger">28990</span></li>
                <li class="list-item">
                    <label>供应商优惠金额：</label> <span class="danger">0</span></li>
            </ul>
            <!--	三列表格样式 END -->
        </div>

    </aoyou:panel>
    <aoyou:panel config="$paneldesc">
        <div slot="content" class="clearfix">
            <!--前面有小点的行显示列表 start-->
            <div class="infor-box">
                <ul class="list-underline">
                    <li class="list-tr clearfix"><span class="td">测试人1号</span> <span class="td">备忘日记我的日记.....</span> <span class="td">2016-01-01 18:30</span></li>
                </ul>
                <a class="btn btn-default mrt10" ms-click="showWidget('dailogMemorandum')"><i class="icon-add-black"></i>添加备忘</a>


                <aoyou:dialog $id="dailogMemorandum" config="$dailogMemorandum">
                   <aoyou:textarea width="300px" slot="content"></aoyou:textarea>
                </aoyou:dialog>

            </div>
            <!--前面有小点的行显示列表 end -->

        </div>
    </aoyou:panel>

    <aoyou:panel config="$panelcontacts">
        <div slot="content" class="clearfix">
            <!--前面无小点的行显示列表 start 若不需要标题可自行去掉label标签 -->
            <div class="infor-box">
                <ul class="list-underline">
                    <h4 class="pointer mtb">会员信息：</h4>
                    <li class="list-tr clearfix"><span class="td"><label>会员ID：</label>104444</span> <span class="td"><label>用户姓名：</label>171101901153244</span> <span class="td"><label>会员等级：</label>171101901153244</span></li>
                    <h4 class="pointer mtb">联系人信息：</h4>
                    <li class="list-tr clearfix"><span class="td"><label>姓名：</label>104444</span> <span class="td"><label>手机号：</label>171101901153244</span> <span class="td"><label>电子邮箱：</label>171101901153244</span></li>
                </ul>
                <a class="btn btn-default mrt10" ms-click="showWidget('dailogContactorInfo')"><i class="icon-edit"></i>联系人变更</a>


                <aoyou:dialog $id="dailogContactorInfo" config="$dailogContactorInfo">
                    <div slot="content" class="clearfix form-horizontal form-sm">
                        <div class="form-list no-mr-top">
                            <label class="input-title">联系人：</label>
                            <aoyou:textbox value="my value" height="26px" width="539px"></aoyou:textbox>

                           <!-- <div class="input-box">
                                <input />
                                <div ms-class="tips-box clearfix" ms-widget="tooltip,ppo,$qqOpt" data-tooltip-delegate="true" data-tooltip-position="rc">
                                    <span ms-class="input-notice">*</span>
                                    <span tp="1" ms-class="input-tip"></span>
                                </div>
                            </div>-->
                        </div>
                        <div class="form-list">
                            <label class="input-title">邮箱：</label>
                            <aoyou:textbox value="my value" height="26px" width="539px"></aoyou:textbox>
                           <!-- <div class="input-box">
                                <input />
                                <div ms-class="tips-box clearfix" ms-widget="tooltip,ppo,$qqOpt" data-tooltip-delegate="true" data-tooltip-position="rc">
                                    <span ms-class="input-notice">*</span>
                                </div>
                            </div>-->
                        </div>
                        <div class="form-list">
                            <label class="input-title">联系电话：</label>
                            <aoyou:textbox value="my value" height="26px" width="539px"></aoyou:textbox>
                            <!--<div class="input-box">
                                <input />
                                <div ms-class="tips-box clearfix" ms-widget="tooltip,ppo,$qqOpt" data-tooltip-delegate="true" data-tooltip-position="rc">
                                    <span ms-class="input-notice">*</span>
                                </div>
                            </div>-->
                        </div>
                    </div>
                </aoyou:dialog>

            </div>
            <!--前面无小点的行显示列表 end  -->

        </div>
    </aoyou:panel>
    <aoyou:panel config="$panelschedule">
        <div slot="content" class="clearfix">
            <div class="clearfix">
                <ul class="list-unstyle grid-4">
                    <li class="list-item">
                        <label>产品编号：</label> <span class="">171101901153244</span></li>
                    <li class="list-item">
                        <label>出发地：</label> <span class="">上海</span></li>
                    <li class="list-item">
                        <label>行程天数：</label> <span class="">5天</span></li>
                </ul>
                <ul class="list-unstyle grid-4">
                    <li class="list-item">
                        <label>产品名称：</label> <span class="success">柬埔寨吴哥窟3晚5天自由行</span></li>
                    <li class="list-item">
                        <label>出发日期：</label> <span class="">2015-12-26</span></li>
                    <li class="list-item">
                        <label>全款启动日：</label> <span class="">2015-12-11</span></li>
                    <span class="btn btn-default btn-mini"><i class="icon-edit"></i></span>
                </ul>
                <ul class="list-unstyle last grid-4">
                    <li class="list-item">
                        <label>返回日期：</label> <span class="">2015-12-26</span></li>
                    <li class="list-item">
                        <label>签证材料截止日期：</label> <span class="">2015-12-26</span></li>
                </ul>
            </div>
            <div class="infor-box">
                <div class="setion-title">
                    <label class="pointer">机票信息：</label>
                </div>
                <aoyou:newgrid $id="dg1" config="$gropt1"></aoyou:newgrid>
            </div>
    </div>
    </aoyou:panel>
</body>
</html>